<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <link type="text/css" rel="stylesheet" href="css/company3.css">
    <script src="js/rem.js"></script>
    <script src="js/echarts.min.js"></script>
    <title>第三屏</title>
</head>
<body>
<div class="main">
	<div class="company3 clearfix">
		<div class="company3-con1">
			<div class="t-t">
				<p class="yl">危大工程管控</p>
			</div>
			<div class="company3-table">
				<table>
					<tr>
						<th>单位名称</th>
						<th>危大工程</th>
						<th class="dd">预计开始时间</th>
						<th class="dd">预计结束时间</th>
						
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							2019-03-01
						</td>
						<td>2019-03-01</td>
						
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							2019-03-01
						</td>
						<td>2019-03-01</td>
						
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							2019-03-01
						</td>
						<td>2019-03-01</td>
						
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							2019-03-01
						</td>
						<td>2019-03-01</td>
						
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							2019-03-01
						</td>
						<td>2019-03-01</td>
						
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							2019-03-01
						</td>
						<td>2019-03-01</td>

					</tr>
				</table>
			</div>
		</div>
		<div class="company3-con2">
			<div class="t-t">
				<p class="yl">安全培训排名</p>
				<ul class="company3-chart-nav2 company-nav" >
					<li class="active">培训人数</li>
					<li>人均次数</li>
					<li>人均学时</li>
				</ul>
			</div>
			<div id="company3-chart1"></div>
		</div>
		<div class="company3-con3">
			<div class="t-t">
				<p class="yl">特种设备管控</p>
			</div>
			<div id="company3-chart2" ></div>
		</div>
		<div class="company3-con4">
			<div class="t-t">
				<p class="yl">领导履职排名</p>
				<ul class="company3-chart-nav4 company-nav">
					<li class="active">带班人数</li>
					<li>带班天数</li>
				</ul>
			</div>
			<div class="company3-sort clearfix">
				<img src="images/company/sort.png" alt="" class="img-up"/>
				<span>排序</span>
			</div>
			<div class="company3-container">
				<p>
					<span class="active">分公司</span>
					一
					<span>项目部</span>
				</p>
				<div id="company3-chart3"></div>
			</div>
		</div>
	</div>
	<img src="images/bigLeft1.png" class='goLeft'/>
	<img src="images/bigRight1.png" class='goRight'/>
</div>
	<script src="js/jquery-2.2.4.min.js"></script>
	<script src="js/nicescroll.min.js"></script>
	<script src="js/common.js"></script>
    <script src="js/companyCharts3/echart1.js"></script>
    <script src="js/companyCharts3/echart2.js"></script>
    <script src="js/companyCharts3/echart3.js"></script>
    <script>
    	var scrollParam = {
    		cursorcolor:'#3693f1',
    		cursorwidth:20,
    		cursorborder:'none',
    		cursorborderradius:0,
    		autohidemode:false,
    		cursorfixedheight:50,
    		background:'#092751',
    	}
    	$('.company3-table').niceScroll(scrollParam)
    	checkType()
    	//判断浏览器类型
    	function checkType(){
    		var userAgent = navigator.userAgent
    		var chr = userAgent.indexOf('Chrome') > -1;
    		if(chr ){
    			$('.company3-table td p').map(function(index,item){
    				$(item).attr('class','txt1')
    			})
    		}
    	}
    	$('.company3-sort').click(function(){
    		if($('.company3-sort img').hasClass('img-up')){
    			$('.company3-sort img').attr('class','img-down')
    		}else{
    			$('.company3-sort img').attr('class','img-up')
    		}
    		
    	})
    </script>
</body>
</html>